<!--主体部分-->

<div class="right-content fl">
    <div class="common-tip">
        <a href="javascript:void(0)" class="home">Home </a>/
        <a href="javascript:void(0)" class="tip"> 模型模式 </a>/
        <a href="javascript:void(0)" class="tip"> 结果页面 </a>
    </div>
    <ul class="clearfix process">
        <li class="process-tab ml10 pr">
            <div>
                <span class="active">基本信息</span>
                <i class="pa"></i>
            </div>
            <i class="active pa"></i>
        </li>
        <li class="process-tab pr">
            <i class="process-i active"></i>
            <span class="active">算法设置</span>
            <i class="pa active"></i>
        </li>
        <li class="process-tab pr">
            <i class="process-i active"></i>
            <span  class="active">上传数据</span>
            <i class="pa active"></i>
        </li>
        <li class="process-tab pr">
            <i class="process-i active"></i>
            <span class="active">数据探索</span>
            <i class="pa active"></i>
        </li>
        <li class="process-tab pr">
            <i class="process-i active"></i>
            <span class="active">输入项设置</span>
            <i class="pa active"></i>
        </li>
        <li class="process-tab pr">
            <i class="process-i active"></i>
            <span class="active">展示效果图设置</span>
            <i class="pa active"></i>
        </li>
        <li class="process-tab active pr">
            <i class="process-i active"></i>
            <span class="active">结果</span>
            <i class="i-text pa"></i>
        </li>
    </ul>
    <div class="model-pic bgff mt10">
        <div class="model-name">
            <span class="mr10">|</span>
            <span>结果</span>
          <a href="javascript:void(0)" class="fr" v-bind:class="{ 'active': isTab1}" @click="chooseTab1">数据清单</a>
          <a href="javascript:void(0)" class="fr" v-bind:class="{ 'active': isTab2}" @click="chooseTab2">结果图示</a>
        </div>
        <div class="result-tab" id="tab1" v-show="isTab2">
            <div class="model-result-tab" >
                <div class="result-detail" id="picContent" style="overflow:hidden">
                </div>
            </div>
            <div class="text-center">
              <a class="cancel-btn" @click="goBack">上一步</a>
              <a class="next-btn ml20" @click="save">保存</a>
            </div>
           <!-- <div class="result-button">
                <div class="button margin-auto">
                  <input type="button" class="fl mr20 write" v-on:click="goBack" value="上一步">
                  <input type="button" class="fl mr20 blue" @click="save" value="保存">
                  <div class="clear"></div>
                </div>
            </div>-->
        </div>
        <div class="result-tab" id="tab2" v-show="isTab1">
            <div class="data-result-table">
              <table class="data-table" style="border: 1px solid #ddd;border-collapse: collapse;" v-if="resultList.length>0">
                <tr v-for="(item, index) in resultList"><!--class="table-title"-->
                  <td  v-for="(datatem,key) in item">{{datatem}}</td>
                </tr>
              </table>
            </div>
            <div class="text-center">
              <a class="cancel-btn" @click="goBack">上一步</a>
              <a class="next-btn ml20" @click="save">保存</a>
            </div>
          <!--  <div class="result-button">
                <div class="button margin-auto">
                  <input type="button" class="fl mr20 write" v-on:click="goBack" value="上一步">
                  <input type="button" class="fl mr20 blue" @click="save" value="保存">
                  <div class="clear"></div>
                </div>
            </div>-->
        </div>
    </div>
</div>
